import React, { Component } from 'react'
import {
  Card,
  Statistic,
} from 'antd'
import Line from './line'
import Bar from './bar'
import './index.less'
export default class Home extends Component {
  handleChange = (isVisited) => {
    return () => this.setState({ isVisited })
  }
  render() {
    return (
      <div className='home'>
        <Card
          className="home-card"
          title="商品总量"
          // extra={<Icon style={{ color: 'rgba(0,0,0,.45)' }} type="question-circle" />}
          style={{ width: 250 }}
          headStyle={{ color: 'rgba(0,0,0,.45)' }}
        >
          <Statistic
            value={1128163}
            suffix="个"
            style={{ fontWeight: 'bolder' }}
          />
          <Statistic
            value={15}
            valueStyle={{ fontSize: 15 }}
            prefix={'周同比'}
          // suffix={<div>%<Icon style={{ color: 'red', marginLeft: 10 }}
          // type="arrow-down" /></div>}
          />
          <Statistic
            value={10}
            valueStyle={{ fontSize: 15 }}
            prefix={'日同比'}
          // suffix={<div>%<Icon style={{ color: '#3f8600', marginLeft: 10 }}
          // type="arrow-up" /></div>}
          />
        </Card>
        <div className='home-line'>
          <Line />
        </div>
        <div className='home-line'>
        <Bar/>
        </div>

      </div>
    )
  }
}